import "./index.scss"

const data = [
  {
   name: "Watch Live every day",
   value: 20,
   time: "2020-03-22 10:23:45"
  },
  {
    name: "Watch Live every day",
    value: 40,
    time: "2020-03-22 12:24:45"
  },
  {
    name: "Watch Live every day",
    value: -40,
    time: "2020-03-22 12:24:45"
  },
  {
    name: "Watch Live every day",
    value: 20,
    time: "2020-03-22 12:24:45"
  }
]

// 亲密值明细
export default function IntimateRecord() {
  return (
    <ul className="IntimateRecord">
      {data.map(({name, time, value}, index) => (
        <li key={index}>
          <div>
            <p className="name">{name}</p>
            <p className="time">{time}</p>
          </div>

          <div className={`value ${value < 0 && 'value-minus'}`}>{value > 0 ? `+${value}` : value}</div>
        </li>
      ))}
    </ul>
  )
}
